<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <link rel="shortcut icon" href="../images/logo.icon">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>尚品汇</title>
  <link rel="stylesheet" href="../css/style.css">

</head>

<body>

  <!-- 导航栏 -->
  <div class="nav_bgc">
    <div class="nav">
      <!-- 导航栏左边 -->
      <div class="nav_left">
        <span>尚品汇欢迎你</span>
        <span class="loge">请登录</span>
        <span class="cut">|</span>
        <span>免费注册</span>
      </div>
      <!-- 导航栏右边 -->
      <div class="nav_right">
        <span>我的订单</span>
        <span>|</span>
        <span>我的购物车</span>
        <span>|</span>
        <span>我的尚品汇</span>
        <span>丨</span>
        <span>尚品汇会员</span>
        <span>|</span>
        <span>企业采购</span>
        <span>|</span>
        <span>关注尚品汇</span>
        <span>|</span>
        <span>合作招商</span>
        <span>|</span>
        <span>商家后台</span>
      </div>
    </div>

  </div>

  <!-- 内容栏 -->
  <div class="content">
    <!-- 搜索栏 -->
    <div class="search">
      <img src="../images/logo.png" alt="">
      <div class="search_right">
        <div class="textarea"></div>
        <div class="search_bgc"><img src="../images/serch_icon.png" alt=""></div>
      </div>

    </div>
    <!-- 内容头部导航  -->
    <div class="header">
      <div>全部商品分类</div>
      <div>尚品超市</div>
      <div>优惠券</div>
      <div>买啥</div>
      <div>尚品家电</div>
      <div>尚品生鲜</div>
      <div>PLUS会员</div>
      <div>进口好物</div>
      <div>品牌闪购</div>
      <div>拍卖</div>
      <div>五金商店</div>
      <div class="line"></div>
    </div>
    <!-- 功能栏位 -->
    <div class="function">
      <div class="menu">
        <ul>
          <li>食品/酒类/生鲜/特产</li>
          <li>手机/运营商/数码</li>
          <li>电脑/办公</li>
          <li>母婴/玩具乐器</li>
          <li>房产/汽车/汽车用品</li>
          <li>母婴/玩具乐器</li>
          <li>母婴/玩具乐器</li>
          <li>房产/汽车/汽车用品</li>
          <li>男鞋/运动/户外</li>
          <li>女鞋/箱包/钟表/珠宝</li>
          <li>女鞋/箱包/钟表/珠宝</li>
          <li>女鞋/箱包/钟表/珠宝</li>
          <li>男装/女装/童装/内衣</li>
          <li>美妆/个护清洁/宠物</li>
          <li>电脑/办公</li>
          <li>手机/运营商/数码</li>
        </ul>
      </div>
      <img src="../images/banner主图.png" alt="">
      <!-- 信息栏 -->
      <div class="message">
        <div class="news">
          <div>
            <span>尚品快报</span>
            <span>
              <span>更多</span>
              <span>></span>
            </span>
          </div>
          <hr class="hr-solid">
          <div class="news_new">
            <ul>
              <li>[特惠] 毛衣+直筒裤，才是YYDS。</li>
              <li>[特惠] 超大容量的满足感来啥子于</li>
              <li>[特惠] 超大容量的满足感来啥子于</li>
              <li>[特惠] 毛衣+直筒裤，才是YYDS。</li>
            </ul>
          </div>

        </div>
        <div class="pic">
          <div>
            <div></div>手机
          </div>
          <div>
            <div></div>火车票
          </div>
          <div>
            <div></div>加油卡
          </div>
          <div>
            <div></div>白条
          </div>
          <div>
            <div></div>电影票
          </div>
          <div>
            <div></div>酒店
          </div>
          <div>
            <div></div>理财
          </div>
          <div>
            <div></div>机票
          </div>
          <div>
            <div></div>礼品卡
          </div>
          <div>
            <div></div>彩票
          </div>
          <div>
            <div></div>游戏
          </div>
          <div>
            <div></div>众筹
          </div>
        </div>
      </div>
    </div>
    <!-- 秒杀区域 -->
    <div class="killed">
      <img src="../images/seckill.png" alt="">
      <img src="../images/banner1.png" alt="">
      <img src="../images/banner2.png" alt="">
      <img src="../images/banner3.png" alt="">
      <img src="../images/baner4.png" alt="">

    </div>
    <!-- 家具区 -->
    <!-- 家具导航栏 -->
    <div class="layer-nav">
      <div>家用电气</div>
      <div class="layer-nav-right">
        <div>热门</div>
        <div>|</div>
        <div>大家电</div>
        <div>|</div>
        <div>生活电器</div>
        <div>|</div>
        <div>厨房电器</div>
        <div>|</div>
        <div>应季电器</div>
        <div>|</div>
        <div>空气/净水</div>
        <div>|</div>
        <div>高端电器</div>
      </div>
    </div>
    <!-- 分割线 -->
    <hr class="hr-solid">
    <!-- 家具内容区 -->
    <div class="layer">
      <div>
        <!-- 第一区块 -->
        <div class="first">
          <!-- 左边 -->
          <div class="first-left">
            <div>节能补贴</div>
            <div></div>
            <div>空气净化器</div>
            <div></div>
            <div>滚筒洗衣机</div>
            <div></div>
          </div>
          <!-- 右边 -->
          <div class="first-right">
            <div>4K电视</div>
            <div></div>
            <div>IH电饭煲</div>
            <div></div>
            <div>电热水器</div>
            <div></div>
          </div>
        </div>
        <!-- 下面图片 -->
        <div><img src="../images/编组.png" alt=""></div>
      </div>
      <!-- 第二区块 -->
      <div>
        <img src="../images/appliance_banner07.png" alt="">
      </div>
      <!-- 第三区块 -->
      <div>
        <img src="../images/微波炉.png" alt="">
        <img src="../images/空气炸锅.png" alt="">
      </div>
      <!-- 第四区块 -->
      <div>
        <img src="../images/冰箱.png" alt="">
      </div>
      <!-- 第五区块 -->
      <div>
        <img src="../images/电饭煲.png" alt="">
        <img src="../images/电饭煲2.png" alt="">
      </div>
    </div>

    <!-- 家具区 -->
    <!-- 家具导航栏 -->
    <div class="layer-nav">
      <div>家用电气</div>
      <div class="layer-nav-right">
        <div>热门</div>
        <div>|</div>
        <div>大家电</div>
        <div>|</div>
        <div>生活电器</div>
        <div>|</div>
        <div>厨房电器</div>
        <div>|</div>
        <div>应季电器</div>
        <div>|</div>
        <div>空气/净水</div>
        <div>|</div>
        <div>高端电器</div>
      </div>
    </div>
    <!-- 分割线 -->
    <hr class="hr-solid">
    <!-- 家具内容区 -->
    <div class="layer">
      <div>
        <!-- 第一区块 -->
        <div class="first">
          <!-- 左边 -->
          <div class="first-left">
            <div>节能补贴</div>
            <div></div>
            <div>空气净化器</div>
            <div></div>
            <div>滚筒洗衣机</div>
            <div></div>
          </div>
          <!-- 右边 -->
          <div class="first-right">
            <div>4K电视</div>
            <div></div>
            <div>IH电饭煲</div>
            <div></div>
            <div>电热水器</div>
            <div></div>
          </div>
        </div>
        <!-- 下面图片 -->
        <div><img src="../images/编组.png" alt=""></div>
      </div>
      <!-- 第二区块 -->
      <div>
        <img src="../images/appliance_banner07.png" alt="">
      </div>
      <!-- 第三区块 -->
      <div>
        <img src="../images/微波炉.png" alt="">
        <img src="../images/空气炸锅.png" alt="">
      </div>
      <!-- 第四区块 -->
      <div>
        <img src="../images/冰箱.png" alt="">
      </div>
      <!-- 第五区块 -->
      <div>
        <img src="../images/电饭煲.png" alt="">
        <img src="../images/电饭煲2.png" alt="">
      </div>
    </div>


  </div>
  <!-- 底部面包屑 -->
  <div class="bottom">
    <div class="bottom-centor">
      <div>
        <ul>
          <li>购物指南</li>
          <li>购物流程 </li>
          <li>会员介绍 </li>
          <li>生活旅行 </li>
          <li>常见问题 </li>
          <li>大家电 </li>
          <li>联系客服</li>
        </ul>
        <ul>
          <li>配送方式</li>
          <li>上门自提 </li>
          <li>211限时达 </li>
          <li>配送服务查询 </li>
          <li>配送费收取标准</li>
        </ul>
        <ul>
          <li>支付方式</li>
          <li>货到付款 </li>
          <li>在线支付 </li>
          <li>分期付款 </li>
          <li>公司转账</li>
        </ul>
        <ul>
          <li>售后服务</li>
          <li>售后政策 </li>
          <li>价格保护 </li>
          <li>退款说明 </li>
          <li>返修/退换货 </li>
          <li>取消订单</li>
        </ul>

        <ul>
          <li>特色服务</li>
          <li>夺宝岛 </li>
          <li>DIY装机 </li>
          <li>延保服务 </li>
          <li>京东E卡 </li>
          <li>京东通信 </li>
          <li>京鱼座智能</li>
        </ul>
        <ul>
          <li>自营覆盖区县</li>
          <li>京尚品汇已向全国2661个区县提供自 营配送服务，支持货到付款、POS 机刷卡和售后上门服务。 </li>
          <li>查看详情</li>

        </ul>
      </div>

      <div class="bottom-solid"></div>
      <div class="else">
        <div>关于我们</div>
        <div></div>
        <div>关于我们</div>
        <div></div>
        <div>关于我们</div>
        <div></div>
        <div>关于我们</div>
        <div></div>
        <div>关于我们</div>
        <div></div>
        <div>关于我们</div>
        <div></div>
        <div>关于我们</div>
        <div></div>
        <div>关于我们</div>
        <div></div>
        <div>关于我们</div>
        <div></div>
        <div>关于我们</div>
      </div>
      <div class="last">京ICP备12345678901</div>
    </div>
  </div>
  <script src="../js/bgc.js"></script>
  <script src="../js/chage-banner.js"></script>
</body>

</html>